/* 颜色样式*/
@c3: #333;
@c6: #666;
@c9: #999;
@cf: #fff;
/* borderRidus*/
.br (@radius) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}

/*boxShdow*/
.bs(@value) {
  -moz-box-shdow: @value;
  -webkit-box-shdow: @value;
  box-shadow: @value;
}

/*动画animation*/
.an(@value) {
  -webkit-animation: @value;
  -moz-animation: @value;
  -o-animation: @value;
  animation: @value;
}

/*transform*/
.tm(@value) {
  -webkit-transform: @value;
  -moz-transform: @value;
  -o-transform: @value;
  -ms-transform: @value;
  transform: @value;
}

/*transition*/
/*transition 过渡*/
.tr(@value) {
  -webkit-transition: @value;
  -moz-transition: @value;
  -o-transition: @value;
  transition: @value;
}

/* 透明度opacity*/
.oy(@value) {
  -moz-opacity: @value;
  opacity: @value;
}

/*背景图*/ /*@value : url,@value2 : 定位,@value3 : 尺寸*/
.bud(@value,@value2,@value3) {
  background-image: url(@value);
  background-repeat: no-repeat;
  background-position: @value2;
  background-size: @value3;
}

/*渐变*/
.blg(@value1,@value2,@value3) {
  background: -moz-linear-gradient(@value1, @value2, @value3);
  background: -webkit-linear-gradient(@value1, @value2, @value3);
  background: -ms-linear-gradient(@value1, @value2, @value3);
  background: -o-linear-gradient(@value1, @value2, @value3);
  background: linear-gradient(@value1, @value2, @value3);
}
.brg(@value1,@value2,@value3){
  background: -webkit-radial-gradient(@value1,@value2,@value3); /* Safari 5.1 - 6.0 */
  background: -o-radial-gradient(@value1,@value2,@value3); /* Opera 11.6 - 12.0 */
  background: -moz-radial-gradient(@value1,@value2,@value3); /* Firefox 3.6 - 15 */
  background: radial-gradient(@value1,@value2,@value3); /* 标准的语法 */
}

/*定位*/
.pa {
  position: absolute;
}

.pr {
  position: relative;
}

.pf {
  position: fixed;
}

.db {
  display: block;
}

.dn {
  display: none;
}

.df {
  display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box; /* Firefox 17- */
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex; /* Firefox 18+ */
  display: -ms-flexbox; /* IE 10 */
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
}

/*绝对居中*/
.cm {
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin: auto;
}

/*居中*/
.tac {
  text-align: center
}
a, button {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, textarea {
  margin: 0px;
  padding: 0px;
}

address, cite, dfn, em, var, i {
  font-style: normal;
}

body {
  font-size: 14px;
  line-height: 1.5em;
  font-family:'Microsoft Yahei','arial', 'simsun', 'tahoma';
  color: @c6;
  background: @cf;
}
pre{
  font-family:'Microsoft Yahei','arial', 'simsun', 'tahoma';
}
html, body {
  width: 100%;
  //height: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

h1, h2, h3, h4, h5, h6, th {
  font-size: 100%;
  font-weight: normal;
}

button, input, select, textarea {
  font-size: 100%
}

fieldset, img {
  border: 0;
}

a {
  text-decoration: none;
  color: @c3;
  background: none;
}

ul, ol {
  list-style: none;
}

* {
  box-sizing: border-box;
  outline: none;
  -webkit-appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:focus {
  outline: none;
}

.clear {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

img {
  background: #f9f9f9;
}

input,select{
  color:#666;
}
//header
header{
  width: 100%;
  height: 60px;
  .pf;
  left:0;
  top: 0;
  z-index: 1000;
  background-color: @cf;
  >div{
    width: 1100px;
    padding:0 25px;
    height: 100%;
    margin:auto;
    .pr;
    .logo{
      width: 105px;
      height: 35px;
      .bud('/Extend/images/logo.svg',center center,cover);
      .pa;
      left: 25px;
      top: 0;
      bottom: 0;
      margin:auto;
      cursor: pointer;
    }
    .starstart{//starstart页面显示logo
      .bud('/Index/images/logo/starstart3.svg',center center,cover);
    }
    ul{
      width: 500px;
      height: 100%;
      .pa;
      .cm;
      li{
        width: 100px;
        height: 100%;
        cursor: pointer;
        .fl;
        .tac;
        .pr;
        font-size: 14px;
        a{
          width: 100%;
          height: 100%;
          .db;
          line-height: 60px;
        }
        ol{
          .dn;
          a{
            line-height: 45px;
            color: @c6;
          }
        }
      }
      .evt{
        .brg(100px circle at bottom center,#50bfdf,#5360a9);
        a{
          color: @cf;
        }
      }
    }
    ul>li:hover{
      .brg(100px circle at bottom center,#50bfdf,#5360a9);
       color: #B1B2B4;

      >a{
        background: rgba(255,255,255,.2);
      }
      ol{
        width: 2000px;
        height: 45px;
        background: rgba(0,0,0,.6);
        bottom:0px;
        left: 0;
        line-height: 45px;
        .pr;
        .df;
        a{
          color: #B1B2B4;
        }
        li:first-child{
          i{
            .pa;
            width: 1px;
            height: 25px;
            right: 0px;
            top: 0;
            bottom:0;
            margin:auto;
            background-color: rgba(255,255,255,.3);
          }
        }
      }
      ol.top:after{
        content: "";
        width: 100%;
        height: 1px;
        .pa;
        .db;
        top: 100%;
        margin-left: 20px;
        background-color: rgba(255,255,255,.7);
      }
    }
    ol>li:hover a{
      color: @cf!important;
    }
  }
}
.dynamic-header{
  .blg(top,rgba(0,0,0,.5),rgba(255,255,255,.0));
}
.contact-header{
  .blg(top,rgba(0,0,0,.8),rgba(0,0,0,0));
}
///////////
//footer
footer{
  width: 100%;
  height: 60px;
  background: #F1F1F1;
  .pf;
  left: 0;
  bottom: 0;
  color: @c9;
  line-height: 60px;
  font-size: 12px;
  .tac;
  z-index: 10;
}




